
.content{
	width: 100%;height: 100%; font-size: 30upx;
	.con_top{
		height: 500upx;width: 100%;background: linear-gradient(90deg, #2983fe, #26a7fe); position: relative;
		.top_p{
			 position: absolute; top:150upx; width: 100%;
			.p1{
				color:white;font-size: 50upx;padding: 0 13px;letter-spacing: 6px;box-sizing: border-box;
			}
			.p2{
				width: 100%;text-align: center;
			}
		}
		.bolang{
			position: absolute; bottom: -3px;left: 0; width: 140%; height: 100upx;animation:mymove 5s linear infinite alternate;-webkit-animation:mymove 5s linear infinite alternate; /*Safari and Chrome*/
			image{
				display: block;width: 100%;height: 100%; 
			}
		}
		.bolang2{
			position: absolute; bottom:-3px;right: 0; width: 140%; height: 50upx;animation:mymove2 5s linear infinite alternate;-webkit-animation:mymove2 5s linear infinite alternate; /*Safari and Chrome*/
			image{
				display: block;width: 100%;height: 100%; 
			}
		}
	}
	.con-info{
		height: calc(100% - 500upx);width: 100%;background: white; padding: 10px;box-sizing: border-box;letter-spacing: 5px;
		.info-title{
			font-size: 40upx; font-weight: bold; color: #4c4b4f; margin: 10px 0;
		}
		.info-input{
			display: flex;font-size: 30upx; align-items: center; padding: 10px;border-bottom: 1px solid #f0f0f0;border-top: 1px solid #f0f0f0;
			.text{margin-top: 6px;}
		}
		.info-input2{
			border-top:none;
		}
		.login{
			width: 80%;text-align: center;height: 40px;border-radius: 20px;line-height: 40px;color: white; background: linear-gradient(90deg,#41cfff,#4198ff);margin:20px auto;
		}
		.foget{
			width: 100%;letter-spacing: 5px;color: #c2c2c2; display: flex;justify-content: center;
		}
	}
}
@keyframes mymove{
	0%{left: 0px;}
	100%{left: -200upx;}
}
@keyframes mymove2{
	0%{right: 0px;}
	100%{right: -200upx;}
}
